$(function(){
    getCateList();
    var index;
    var index1;
    //添加分类功能 
    $('#btnAdd').click(function(){
        index = layer.open({
            type:1,//会让确定按钮消失掉
            area:["500px","250px"],
            title:'添加文章分类',
            content:$('#addTpl').html()
        })
    })

    //给form表单添加提交事件 在页面打开的时候不存在的，点击添加之后才动态创建出来，事件委托
    // console.log($('#form-add').length)
    // $('#form-add').submit(function(e){
    //     e.preventDefault();
    //     alert(1111)
    // })
    $('body').on('submit','#form-add',function(e){
        e.preventDefault();
        $.ajax({
            method:'post',
            url:'/my/article/addcates',
            data:$(this).serialize(),
            success:function(res){
                if(res.status != 0)return layer.msg('添加失败');
                layer.msg('添加成功');
                getCateList();//添加成功之后，当前页面显示的分类就变旧了，我们重新获取一次数据
                // 如何关闭弹出层
                // 第一种思路 模拟人的点击 $(".layui-layer-close").click()
                layer.close(index);//第二种思路
            }
        })
    })


    //弹出编辑弹出层
    $('body').on('click','.edit',function(){
        var id = $(this).attr('data-id');
        $.ajax({
            method:'get',
            url:'/my/article/cates/'+id,
            success:function(res){
                console.log(res);
                layui.form.val('editform',res.data);
            }         
        })
        index1 = layer.open({
            type:1,//会让确定按钮消失掉
            area:["500px","250px"],
            title:'修改文章分类',
            content:$('#editTpl').html()
        })
    })


    //为编辑表单添加提交事件
    $('body').on('submit','#form-edit',function(e){
        e.preventDefault();
        $.ajax({
            method:'post',
            url:'/my/article/updatecate',
            data:$(this).serialize(),
            success:function(res){
                if(res.status != 0)return layer.msg('修改失败');
                layer.msg('修改成功');
                getCateList();
                layer.close(index1);
            }
        })
    })

    //点击删除按钮显示弹出层
    $('body').on('click','.remove',function(){
        var id = $(this).attr('data-id');
        // 做的东西差不多 
        // 不是看代码，而是把你们公司所有网页看一遍 记录下来
        layer.confirm('确定要删除?', {icon: 3, title:'提示'}, function(index){
            $.ajax({
                method:'get',
                url:'/my/article/deletecate/'+id,
                success:function(res){
                    if(res.status != 0)return layer.msg('删除失败');
                    layer.msg('删除成功');
                    getCateList();//删除成功之后列表数据变旧了，重新发送一次ajax请求
                }
            })
            layer.close(index);
        });
    })
})

//获取文章列表数据
function getCateList(){
    $.ajax({
        method:'get',
        url:'/my/article/cates',
        success:function(res){
            console.log(res)
            if(res.status != 0)return layer.msg('获取文章分类数据失败');
            console.log(res);
            var str = template('tpl',res);
            $('tbody').html(str);
        }
    })
}


// 有两种类型的url写法
// http://localhost?id=1&age=2

// /:id/:age 
// http://localhost/1/2 